---
title: "uptime chart · RUAL Documentation"
description: "Uptime chart"
canonical: https://docs.rual.nl/block-types/Component UI/component_customchart_uptime
language: en
---

# uptime chart

This block is part of the [`Component UI`](https://docs.rual.nl/block-types/Component%20UI) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Uptime chart

- Name required `value`

- Data required `array` Each object in the data is a bar, specify a field in the object for the color, and connect it to the color field pin

- Color field required `fielddefinitions` Include in your object a field with a color,

- Unavailability required `fielddefinitions` When the selected field is filled in your object it will be used to calculate the uptime. This field needs to be a date/number with the total downtime in minutes

- Date required `fielddefinitions` This field will be used to dispaly the day

- Unavailable info required `fielddefinitions` Info why it was

- Max `number` Max amount of bars in the chart

Default `90`

- Default color `value` The color of the bar when the downtime/color field is not filled

Default `green`

- uicomponent `uicomponent`

| `graph` |
| --- |

A typical wiring for [uptime chart](https://docs.rual.nl/block-types/Component%20UI/component_customchart_uptime): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `name` pin; [with values](https://docs.rual.nl/block-types/array/array_of_values) feeds the `data` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `colorfield` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `calculatefield` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `datefield` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `unavailableinfo` pin; the `uicomponent` out pin feeds [build PDF](https://docs.rual.nl/block-types/files/file_generate_pdf).

![Studio canvas example for the uptime chart block: typical wiring for uptime chart.](https://docs.rual.nl/canvas-examples/component_customchart_uptime.png)

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).